﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>积分兑换礼品</title>
	<meta charset="utf-8" />
    <link href="../jquery-easyui-1.4.3/themes/default/easyui.css" rel="stylesheet" />
    <link href="../jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />
    <script src="../jquery-easyui-1.4.3/jquery.min.js"></script>
    <script src="../jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
    $("#dg").datagrid({
    fitColumns: true,
    toolbar: "#tb",//工具栏
    pagination: true,//分页
    singleSelect: true,//选择行（单选）
    rownumbers: true,//序列号（行）
    method:"get",//决定请求方式get或post
    url: "/jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json",
    columns: [[
    { field: 'productid', title: '礼品编号', width: 80 },
    { field: 'productname', title: '礼品代号', width: 80 },
    { field: 'unitcost', title: '礼品名称', width: 80, align: 'right' }
    ]]
    });
    });
    </script>
</head>
<body>
    <fieldset style="border-color:cornflowerblue; border:1.5px solid rgb(149,183,231)">
        <legend><b>查找会员</b></legend>
        <table>
            <tr>
                <td>卡号/手机：</td>
                <td><input id="txtPhone" type="text"  class="easyui-textbox"/></td>
                <td><a id="btn" href="#" class="easyui-linkbutton Search" data-options="iconCls:'icon-search'">查询</a></td>
            </tr>
            <tr>
                <td>会员姓名：</td>
                <td></td>
                <td>当前等级：</td>
                <td></td>
            </tr>
            <tr>
                <td>当前积分：</td>
                <td></td>
                <td>累计消费：</td>
                <td></td>
            </tr>
        </table>
    </fieldset>
       <table id="dg"></table>
    <pre style="color:red;">
    双击“兑换数量”的单元格可以修改兑换数量。
    如果还未设置礼品，请点击[礼品管理]</pre>
    <input id="btnManagement" type="button" value="礼品管理" class="easyui-linkbutton" />
</body>
</html>
